﻿@inherits Blazorise.Tabs
<CascadingValue Value="@this" IsFixed="true">
    <CascadingValue Value="@State">
        <div id="@ElementId" class="@ClassNames" style="@StyleNames" @attributes="@Attributes">
            <div role="tablist" class="@TabsBarClassNames">
                <div class="ant-tabs-nav-container">
                    <div class="ant-tabs-nav-wrap">
                        <div class="ant-tabs-nav-scroll">
                            <div class="ant-tabs-nav ant-tabs-nav-animated">
                                <div>
                                    @if ( Items != null )
                                    {
                                        @Items
                                    }
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @if ( Content != null )
            {
                <div class="@($"{ContentClassNames} {ContentPositionClassNames}")" @attributes="@Attributes" style="@StyleOfSelectedTab">
                    @Content
                </div>
            }
        </div>
    </CascadingValue>
</CascadingValue>